<template>
    <scroll-view scroll-x class="box" :show-scrollbar="false">
        <div class="scroll_content">
            <view v-for="item in list" class="item">
                <image :src="item.img[0].path2" mode="heightFix" />
                <text>{{ item.title }}</text>
            </view>
        </div>
    </scroll-view>
</template>

<script lang="ts" setup>
import { http } from '@/utils/http'
const list = ref([])
http.get('/member/mall/business', { line: "到店核销", state: '开启' }).then((res: any) => {
    if (res.code === 2000) {
        list.value = res.data
    }
})
</script>

<style scoped>
.box {
    height: 156rpx;
    padding: 10rpx;
    margin-bottom: 20rpx;
    background: white;
    border-radius: 12rpx;
}

.scroll_content {
    display: flex;
}

.item {
    display: flex;
    flex: none;
    flex-direction: column;
    align-items: center;
    margin: 10rpx 14rpx;
}

.item image {
    height: 66rpx;
}

.item text {
    margin-top: 14rpx;
    font-size: 26rpx;
}
</style>